<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/grid24.css" type="text/css" media="screen">
    <script src="js/jquery-1.7.min.js" type="text/javascript"></script>
    <script src="js/ff_cash.js" type="text/javascript"></script>
    <script src="js/superfish.js" type="text/javascript"></script>
	<script src="js/cufon-yui.js" type="text/javascript"></script>
    <script src="js/cufon-replace.js" type="text/javascript"></script>
    <script src="js/PT_Sans_400-PT_Sans_700.font.js" type="text/javascript"></script>
    <script src="js/PT_Sans_Narrow_400-PT_Sans_Narrow_700.font.js" type="text/javascript"></script>
    <script>
	$(function(){

		$(".social-buttons li a").hover(
			function(){$(this).stop().animate({marginTop:'-5px', paddingBottom:'5px'}, 80);}, 
			function(){$(this).stop().animate({marginTop:'0px', paddingBottom:'0px'}, 80);}
		);
		
	})
</script>
	<!--[if lt IE 7]> 
  <div style='clear:both; text-align:center; position:relative;'><a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img                       src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a  faster, safer browsing experience, upgrade for free today." /></a></div>
 <![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
	<![endif]-->
    <!--[if IE 9]>
        <link rel="stylesheet" href="css/ie9.css" type="text/css" media="screen">
	<![endif]-->
</head>
<body id="page2">
    <div class="container_24">
    	<div class="grid_24">
            <!--==============================header=================================-->
            <header>
            	<div class="row-1">
                	<h1><a href="index.html">Pro.com</a></h1>
                    <div class="slogon">providing best solutions</div>
                </div>
                <div class="row-2">
					<nav>
						<ul class="sf-menu">
							<li><a href="index.html"><strong>home</strong></a></li>
							<li><a class="current" href="index-1.html">company</a></li>
							<li><a href="index-2.html">services</a>
								<ul>
									<li><a href="#">Services List</a></li>
									<li><a href="#">Special Services</a>
										<ul>
											<li><a href="#">Networking</a></li>
											<li><a href="#">Technical Support</a></li>
										</ul>
									</li>
									<li><a href="#">New Services</a></li>
									<li><a href="#">Integration</a></li>
                                </ul>
							</li>
							<li><a href="index-3.html">careers</a></li>
							<li><a href="index-4.html">clients</a></li>
							<li class="last">
                            	<a href="index-5.html"><strong>contacts</strong></a>
                            </li>
                         </ul>
						<div class="clear"></div>
					</nav>
                </div>
            </header>
            <!--==============================End header=================================-->
            
            <!--==============================content================================-->
            <section id="content">
            	<div class="content-bg">
                	<div class="wrapper">
                    	<div class="alpha grid_7">
                        	<h3 class="indent-bot2">Our Advantages</h3>
                            <div class="border-1 bot-pad3 p4">
	                            <div class="wrapper border-3 bot-pad4 indent-bot2">
	                            	<div class="count">1</div>
	                                <div class="extra-wrap">
	                                	<h6><a href="#">Est omnis dolore ipsum.</a></h6>
	                                    Asitatibus saepe eveniet  sters redums Etoluptates es.
	                                </div>
	                            </div>
	                            <div class="wrapper border-3 bot-pad4 indent-bot2">
	                            	<div class="count">2</div>
	                                <div class="extra-wrap">
	                                	<h6><a href="#">Dolore ipsum ste rposrte.</a></h6>
	                                    Asitatibus saepe eveniet  sters redums Etoluptates es.
	                                </div>
	                            </div>
	                            <div class="wrapper">
	                            	<div class="count">3</div>
	                                <div class="extra-wrap">
	                                	<h6><a href="#">Est omnis dolore ipsum.</a></h6>
	                                    Asitatibus saepe eveniet  sters redums Etoluptates es.
	                                </div>
	                            </div>
                            </div>
                            <h3 class="indent-bot2">What People Say <strong>about Us</strong></h3>
                            
                            <blockquote>
                            	<div class="quote-bg">
                                	<div class="quote-top">
                                    	<div class="quote-inner">
                                			Lorem ipsum dolor siter ater amt, coe ct etuer adipires scing elit sed  myse nibh euismod tincidu. Lorem psum dolor siter ater amet.
                                        </div>
                                    </div>
                                </div>
                            </blockquote>
                            <div class="alignright indent-r indent-bot">
                            	<a class="link-1" href="#">John Franklin</a>
                            </div>
                            <blockquote>
                            	<div class="quote-bg">
                                	<div class="quote-top">
                                    	<div class="quote-inner">
                                			Lorem ipsum dolor siter ater amt, coe ct etuer adipires scing elit sed  myse nibh euismod tincidu. Lorem psum dolor siter ater amet.
                                        </div>
                                    </div>
                                </div>
                            </blockquote>
                            <div class="alignright indent-r">
                            	<a class="link-1" href="#">Marta Healy</a>
                            </div>
                        </div>
                        <div class="prefix_1 grid_16 omega">
                        	<h3 class="indent-bot2">Our Mission</h3>
                            <div class="border-1 bot-pad3 p4">
	                            <h6 class="indent-bot">Lore ipsume dusempquibdameto aurerumoms odes sedrumest sters mnis dolore sereledusempquibdameto aurerumoms odes nec ster prot.</h6>
	                            <p class="indent-bot2">Asitatibus saepe eveniet redums Etoluptates estudesu usandaeItaque earum umel rerum hic sereer tenetura sapiravi reiciendiptatibus ass maiores alias. Asperiores repellat aurerum odes necessbus saepe eveniet utoluptates estu usandaaque. Lorem ipsum dolor sit amet, consectetur adipisicing. Asitatibus saepe eveniet redums Etoluptates estudesu usandae.</p>
	                            <a class="button" href="#">read more</a>
                            </div>
                            <h3 class="indent-bot2">The Best of Professionals</h3>
                            <div class="wrapper indent-bot2">
                            	<figure class="img-border indent-r2">
                                	<a href="#"><img class="p2" src="images/page2-img1.jpg" alt="" /></a>
                                    <h6>Laura Stegner</h6>
                                    Asitatibus saepe eveniet re
                                </figure>
                                <figure class="img-border indent-r2">
                                	<a href="#"><img class="p2" src="images/page2-img2.jpg" alt="" /></a>
                                    <h6>Alan Smith</h6>
                                    Asitatibus saepe eveniet re
                                </figure>
                                <figure class="img-border">
                                	<a href="#"><img class="p2" src="images/page2-img3.jpg" alt="" /></a>
                                    <h6>Julie Herzigova</h6>
                                    Asitatibus saepe eveniet re
                                </figure>
                            </div>
                            <div class="wrapper">
                            	<figure class="img-border indent-r2">
                                	<a href="#"><img class="p2" src="images/page2-img4.jpg" alt="" /></a>
                                    <h6>Julia Berzkalna</h6>
                                    Asitatibus saepe eveniet re
                                </figure>
                                <figure class="img-border indent-r2">
                                	<a href="#"><img class="p2" src="images/page2-img5.jpg" alt="" /></a>
                                    <h6>Patrick Pool</h6>
                                    Asitatibus saepe eveniet re
                                </figure>
                            </div>
                        </div>
                    </div>
                </div>    
            </section>
            <!--==============================End content================================-->
            
            <!--==============================footer=================================-->
            <footer>
                <div class="text-bot">
                	<a class="footer-logo" href="index.html"></a>
                    &copy; 2011 | <a href="index-6.html">Privacy policy</a>
                </div>
                <div class="fright">
                    <ul class="social-buttons">
                        <li>follow us on:</li>
                        <li><a class="item-1" href="#" title="Twitter"></a></li>
                        <li><a class="item-2" href="#" title="Facebook"></a></li>
                        <li><a class="item-3" href="#" title="Linkedin"></a></li>
                        <li><a class="item-4" href="#" title="Flickr"></a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </footer>
            <!--==============================End footer=================================-->
        </div>
        <div class="clear"></div>
    </div>
    <script type="text/javascript"> Cufon.now(); </script>
</body>
</html>